<template>
	<view class="contain">
	<view class="flex-col page">
	  <view class="flex-col group">

	    <view class="flex-col group_2">
	      <text class="self-start text_2">宠物拖运入驻</text>
	      <view class="flex-col section">
	        <view class="flex-row justify-between items-center group_3">
	          <text class="font_2">店铺类型</text>
	          <view class="flex-row items-center">
	            <text class="font_2 text_3">个人</text>
	            <image
	              class="shrink-0 image_4"
	              src="https://qiniu.ccchongya.com/chongya/images/16947555447041881138.png"
	            />
	          </view>
	        </view>
	        <view class="flex-col items-center section_2 space-y-22">
	          <image
	            class="image_5"
	            src="https://qiniu.ccchongya.com/chongya/images/16967453065645113947.png"
	          />
	          <text class="font_3 text_4">请上传营业执照</text>
	        </view>
	        <view class="flex-row items-center group_4 view space-x-26">
	          <text class="font_2">店铺名称</text>
	          <view class="flex-col justify-start items-start flex-auto text-wrapper">
	            <text class="font_4 text_5">请输入店铺名称</text>
	          </view>
	        </view>
	        <view class="flex-row items-center group_4 space-x-14">
	          <text class="font_2">营业执照号</text>
	          <view class="flex-col justify-start items-start flex-auto text-wrapper">
	            <text class="font_4 text_5">请输入营业执照号</text>
	          </view>
	        </view>
	        <view class="flex-row items-center group_4 space-x-38">
	          <text class="font_2">联系人</text>
	          <view class="flex-col justify-start items-start flex-auto text-wrapper">
	            <text class="font_4 text_5">请输入联系人</text>
	          </view>
	        </view>
	        <view class="flex-row items-center group_4 space-x-26">
	          <text class="font_2">联系电话</text>
	          <view class="flex-col justify-start items-start flex-auto text-wrapper">
	            <text class="font_4 text_5">请输入联系电话</text>
	          </view>
	        </view>
	        <view class="flex-row items-center group_4 space-x-14">
	          <text class="font_2">紧急联系人</text>
	          <view class="flex-col justify-start items-start flex-auto text-wrapper">
	            <text class="font_4 text_5">请输入联系人</text>
	          </view>
	        </view>
	        <view class="flex-row items-center group_4 space-x-2">
	          <text class="font_2">紧急联系电话</text>
	          <view class="flex-col justify-start items-start flex-auto text-wrapper">
	            <text class="font_4 text_5">请输入联系电话</text>
	          </view>
	        </view>
	        <view class="flex-row justify-between items-center group view_2">
	          <text class="font_2 text_6">地区</text>
	          <view class="flex-col justify-start items-start input group_5">
	            <image
	              class="image_4 image_6"
	              src="https://qiniu.ccchongya.com/chongya/images/16967453070629674980.png"
	            />
	            <view class="flex-row items-center section_3 space-x-40 pos">
	              <text class="font_4">湖北省</text>
	              <view class="flex-row items-center shrink-0 group_6">
	                <text class="font_4">宜昌市</text>
	                <image
	                  class="shrink-0 image_4 image_7"
	                  src="https://qiniu.ccchongya.com/chongya/images/16967453070629674980.png"
	                />
	                <text class="font_4 text_7">西陵区</text>
	                <image
	                  class="shrink-0 image_4 image_8"
	                  src="https://qiniu.ccchongya.com/chongya/images/16967453070629674980.png"
	                />
	              </view>
	            </view>
	          </view>
	        </view>
	        <view class="flex-row items-center group view_3 space-x-26">
	          <text class="font_2">详细地址</text>
	          <view class="flex-row justify-between items-center flex-auto section_4">
	            <text class="font_4">请输入详细地址</text>
	            <image
	              class="image_4"
	              src="https://qiniu.ccchongya.com/chongya/images/16967453070736252712.png"
	            />
	          </view>
	        </view>
	        <text class="self-start font_5 text_8">店铺照片</text>
	        <view class="flex-row equal-division">
	          <view class="flex-col items-center section_5 equal-division-item space-y-26">
	            <image
	              class="image_9"
	              src="https://qiniu.ccchongya.com/chongya/images/867f1b81fceadcd701fa77097d464b9c.png"
	            />
	            <text class="font_1">上传照片</text>
	          </view>
	          <view class="flex-col items-center section_6 equal-division-item space-y-26">
	            <image
	              class="image_9"
	              src="https://qiniu.ccchongya.com/chongya/images/867f1b81fceadcd701fa77097d464b9c.png"
	            />
	            <text class="font_1">上传照片</text>
	          </view>
	          <view class="flex-col items-center section_6 equal-division-item space-y-26">
	            <image
	              class="image_9"
	              src="https://qiniu.ccchongya.com/chongya/images/867f1b81fceadcd701fa77097d464b9c.png"
	            />
	            <text class="font_1">上传照片</text>
	          </view>
	        </view>
	        <view class="flex-col section_7">
	          <text class="self-start font_5 text_9">注册人信息</text>
	          <view class="flex-row equal-division_2">
	            <view class="flex-col items-center group_7 equal-division-item_2 space-y-24">
	              <text class="font_3">身份证人像面照片</text>
	              <image
	                class="image_10"
	                src="https://qiniu.ccchongya.com/chongya/images/16967453063888744733.png"
	              />
	            </view>
	            <view class="flex-col items-center group_8 equal-division-item_2 space-y-24">
	              <text class="font_3">身份证国徽面照片</text>
	              <image
	                class="image_10"
	                src="https://qiniu.ccchongya.com/chongya/images/16967453065366789430.png"
	              />
	            </view>
	          </view>
	          <view class="flex-col group_9 space-y-10">
	            <text class="self-start font_3 text_10">注册人姓名</text>
	            <view class="flex-col">
	              <view class="flex-col input_2 space-y-24">
	                <view class="flex-col justify-start items-start text-wrapper_2">
	                  <text class="font_6 text_11">请输入法人姓名</text>
	                </view>
	                <text class="self-start font_3 text_12">注册人身份证号</text>
	              </view>
	              <view class="flex-col justify-start items-start text-wrapper_2">
	                <text class="font_6 text_11">请输入注册人身份证号</text>
	              </view>
	            </view>
	          </view>
	        </view>
	      </view>
	      <view class="flex-row justify-center items-center self-center relative section_8 space-x-10">
	        <image
	          class="image_11"
	          src="https://qiniu.ccchongya.com/chongya/images/16967453062844849443.png"
	        />
	        <text class="font_7">人脸识别认证</text>
	      </view>
	    </view>
	  </view>
	  <view class="flex-col group_10">
	    <text class="self-start font_2">详情描述</text>
	    <view class="flex-col justify-start items-start text-area text-wrapper_3">
	      <text class="font_2 text_13">请输入备注内容</text>
	    </view>
	  </view>
	  <view class="flex-row justify-center items-center group_11 space-x-8">
	    <view class="section_9"></view>
	    <view class="group_12">
	      <text class="font_2 text_14">我已阅读并同意</text>
	      <text class="font_2 text_15">《宠物运输契约条款》</text>
	    </view>
	  </view>

	</view>
	</view>
</template>
<style scoped>
.page {
  padding-top: 32rpx;
  background-image: linear-gradient(180deg, #ffc300 6.5%, #ffffff 25.8%);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.group {
  padding: 0 20rpx;
}

.font_1 {
  font-size: 28rpx;
  font-family: HarmonyOSSansSC;
  line-height: 26rpx;
  color: #000000a6;
}
.text {
  margin-top: 16rpx;
  color: #263238;
  line-height: 21rpx;
}
.group_2 {
  margin-top: 40rpx;
  height: 3065rpx;
}
.text_2 {
  margin-left: 28rpx;
  color: #000000;
  font-size: 52rpx;
  font-family: HarmonyOSSansSC;
  font-weight: 700;
  line-height: 49rpx;
}
.section {
  margin-top: 20rpx;
  padding-bottom: 96rpx;
  background-color: #ffffff;
  border-radius: 20rpx;
}
.group_3 {
  padding: 36rpx 24rpx 48rpx;
}
.font_2 {
  font-size: 24rpx;
  font-family: HarmonyOSSansSC;
  line-height: 22rpx;
  color: #081329;
}
.text_3 {
  color: #666e7a;
}
.image_4 {
  width: 32rpx;
  height: 32rpx;
}
.section_2 {
  margin: 0 24rpx;
  padding: 136rpx 0 100rpx;
  background-color: #eff5ff;
  border-radius: 10rpx;
  border: solid 2rpx #d1e1ff;
}
.space-y-22 > view:not(:first-child),
.space-y-22 > text:not(:first-child),
.space-y-22 > image:not(:first-child) {
  margin-top: 44rpx;
}
.image_5 {
  width: 42rpx;
  height: 42rpx;
}
.font_3 {
  font-size: 28rpx;
  line-height: 26rpx;
  color: #383838;
}
.text_4 {
  color: #000000;
}
.group_4 {
  margin-top: 64rpx;
  padding: 0 24rpx;
}
.view {
  margin-top: 60rpx;
}
.text-wrapper {
  padding: 16rpx 0 24rpx;
  background-color: #cccccc29;
  border-radius: 4rpx;
  height: 64rpx;
  border: solid 0.4rpx #d9d9d9;
}
.font_4 {
  font-size: 24rpx;
  line-height: 22rpx;
  color: #a6a6a6;
}
.text_5 {
  margin-left: 16rpx;
}
.space-x-14 > view:not(:first-child),
.space-x-14 > text:not(:first-child),
.space-x-14 > image:not(:first-child) {
  margin-left: 28rpx;
}
.space-x-38 > view:not(:first-child),
.space-x-38 > text:not(:first-child),
.space-x-38 > image:not(:first-child) {
  margin-left: 76rpx;
}
.space-x-2 > view:not(:first-child),
.space-x-2 > text:not(:first-child),
.space-x-2 > image:not(:first-child) {
  margin-left: 4rpx;
}
.view_2 {
  margin-top: 72rpx;
}
.text_6 {
  line-height: 21rpx;
}
.input {
  position: relative;
  margin-right: 8rpx;
}
.group_5 {
  padding: 16rpx 0;
  width: 508rpx;
}
.image_6 {
  margin-left: 108rpx;
}
.section_3 {
  padding: 16rpx;
  background-color: #cccccc29;
  border-radius: 4rpx;
  border: solid 0.4rpx #d9d9d9;
}
.space-x-40 > view:not(:first-child),
.space-x-40 > text:not(:first-child),
.space-x-40 > image:not(:first-child) {
  margin-left: 80rpx;
}
.pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.group_6 {
  margin-right: 24rpx;
}
.image_7 {
  margin-left: 24rpx;
}
.text_7 {
  margin-left: 36rpx;
}
.image_8 {
  margin-left: 24rpx;
}
.view_3 {
  margin-top: 56rpx;
}
.space-x-26 > view:not(:first-child),
.space-x-26 > text:not(:first-child),
.space-x-26 > image:not(:first-child) {
  margin-left: 52rpx;
}
.section_4 {
  margin-right: 8rpx;
  padding: 16rpx;
  background-color: #cccccc29;
  border-radius: 4rpx;
  height: 64rpx;
  border: solid 0.4rpx #d9d9d9;
}
.font_5 {
  font-size: 28rpx;
  font-family: HarmonyOSSansSC;
  line-height: 26rpx;
  font-weight: 700;
  color: #081329;
}
.text_8 {
  margin-left: 20rpx;
  margin-top: 136rpx;
  line-height: 27rpx;
}
.equal-division {
  margin: 52rpx 8rpx 0;
}
.section_5 {
  flex: 1 1 208rpx;
}
.image_9 {
  width: 16rpx;
  height: 16rpx;
}
.section_6 {
  flex: 1 1 208rpx;
  margin-left: 36rpx;
}
.equal-division-item {
  padding: 56rpx 0;
  background-color: #0000000a;
  border-radius: 20rpx;
  height: 208rpx;
}
.space-y-26 > view:not(:first-child),
.space-y-26 > text:not(:first-child),
.space-y-26 > image:not(:first-child) {
  margin-top: 52rpx;
}
.section_7 {
  margin-top: 52rpx;
  padding: 48rpx 0 12rpx;
  background-color: #ffffff;
  border-radius: 10rpx;
}
.text_9 {
  margin-left: 28rpx;
  line-height: 27rpx;
}
.equal-division_2 {
  margin-top: 60rpx;
}
.group_7 {
  flex: 1 1 334rpx;
}
.image_10 {
  width: 296rpx;
  height: 192rpx;
}
.group_8 {
  flex: 1 1 334rpx;
  margin-left: 40rpx;
}
.group_9 {
  margin-top: 84rpx;
}
.space-y-10 > view:not(:first-child),
.space-y-10 > text:not(:first-child),
.space-y-10 > image:not(:first-child) {
  margin-top: 20rpx;
}
.text_10 {
  margin-left: 16rpx;
}
.input_2 {
  padding-bottom: 20rpx;
}
.text-wrapper_2 {
  margin-right: 8rpx;
  padding: 36rpx 0;
  background-color: #f4f6f5;
  border-radius: 10rpx;
}
.font_6 {
  font-size: 28rpx;
  line-height: 26rpx;
  color: #848b87;
}
.text_11 {
  margin-left: 16rpx;
}
.text_12 {
  margin-left: 16rpx;
}
.section_8 {
  margin-top: -28rpx;
  padding: 10rpx 0;
  background-color: #358dfa;
  border-radius: 100rpx;
  width: 540rpx;
}
.space-x-10 > view:not(:first-child),
.space-x-10 > text:not(:first-child),
.space-x-10 > image:not(:first-child) {
  margin-left: 20rpx;
}
.image_11 {
  width: 78rpx;
  height: 78rpx;
}
.font_7 {
  font-size: 36rpx;
  font-family: HarmonyOSSansSC;
  line-height: 33rpx;
  color: #ffffff;
}
.group_10 {
  margin-top: 148rpx;
  padding: 0 44rpx;
}
.text-area {
  margin-top: 28rpx;
}
.text-wrapper_3 {
  padding: 28rpx 0 160rpx;
  background-color: #f5f5f5;
  border-radius: 10rpx;
}
.text_13 {
  margin-left: 16rpx;
  color: #808080;
  line-height: 23rpx;
}
.group_11 {
  margin-top: 1180rpx;
}
.space-x-8 > view:not(:first-child),
.space-x-8 > text:not(:first-child),
.space-x-8 > image:not(:first-child) {
  margin-left: 16rpx;
}
.section_9 {
  background-color: #ffffff;
  border-radius: 16rpx;
  width: 32rpx;
  height: 32rpx;
  border: solid 2rpx #fad54de0;
}
.group_12 {
  line-height: 23rpx;
  height: 23rpx;
}
.text_14 {
  color: #000000;
  line-height: 23rpx;
}
.text_15 {
  color: #ffbd52;
  line-height: 23rpx;
}
</style>
<script>
	const API = require('@/utils/api/shops.js').default;
	const $ = require('@/utils/api.js');
	let self;
		import { mapMutations } from 'vuex';
	export default {
		data() {
			return {
				hasPrmissionLocation:false,
				permissionID:'CAMERA',
			};
		},
		onLoad: function(options) {

		},
		onShow() {

		},
		methods: {
			...mapMutations(['setCartNum']),

		},
		created() {
		},
		computed: {
			i18n() {
				return this.$t('cart')
			},
		},
		mounted() {},
		destroyed() {},
		components: {},
		onPullDownRefresh() {

		},
		onReachBottom() {
		}
	}
</script>
